<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.2</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="/Public/css/font.css">
    <link rel="stylesheet" href="/Public/css/xadmin.css">
    <script src="/Public/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/Public/js/xadmin.js"></script>
    <script type="text/javascript" src="/Public/js/jquery.min_1.js"></script>
    <style>
        .layui-table td,
        .layui-table th {
            min-width: auto;
            padding: 9px;
        }
    </style>
</head>

<body>
    <div class="layui-fluid">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-body">
                        <div class="layui-form layui-col-space5">
                            <div class="layui-input-inline layui-show-xs-block">
                                <select name="contrller" id="date">
                                    <option value="1">今天</option>
                                    <option value="2`">明天</option>
                                </select>
                            </div>

                            <div class="layui-input-inline layui-show-xs-block">
                                <button class="layui-btn" lay-submit="" lay-filter="sreach" id="search">
                                    <i class="layui-icon">&#xe615;</i></button>
                            </div>
                        </div>
                    </div>
                    <div class="layui-card-body " id="content">
                        <table class="layui-table layui-form">
                            <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>材料名称</th>
                                    <th>预估克数</th>
                                </tr>
                            </thead>
                            <tbody>
                                <foreach name="list" item="val">
                                    <tr>
                                        <td>{$key+1}</td>
                                        <td>{$val['name']}</td>
                                        <td>{$val['count']}g</td>
                                    </tr>
                                </foreach>
                            </tbody>
                        </table>
                        <div class="layui-card-body ">
                            <div class="page">
                                <div>
                                    {$page}
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
</body>
<script>
    $('body').on('click', '.page a', function () {
        var pageObj = this;
        var url = pageObj.href;
        $.ajax({
            type: 'get',
            url: url,
            data: {},
            success: function (res) {
                $("#content").html(res);
            }
        })
        return false;
    })
    // 查询 
    $("#search").on("click", function () {
        var data = {};
        data.date = $("#date").val();
        $.post("/Admin/FoodProduct/materialBudget", data, function (msg) {
            $("#content").html(msg);
        })
        return;
    })

    $("#downExcel").on('click', function () {
        var orderno = $("#orderno").val();
        var paytype = $("#paytype").val();
        var orderstatus = $("#orderstatus").val();
        var start = $("#start").val();
        var end = $("#end").val();
        var url = "/Admin/Orders/downExcel";
        if (start != '' && end != '') {
            url += "/start/" + start + '/end/' + end;
        }
        if (orderno != '') {
            url += "/orderno/" + orderno;
        }
        if (paytype != '') {
            url += "/paytype/" + paytype;
        }
        if (orderstatus != '') {
            url += "/orderstatus/" + orderstatus;
        }
        console.log(url);
        window.location.href = url;
        return;
    })
    $(document).on('click', '.print', function () {
        //        $(".print").on('click',function(){
        var orderId = $(this).attr('data-orderNo');
        $.post("/Admin/Orders/printOrders", { orderId: orderId }, function (msg) {
            if (msg.code == 10000) {
                layer.alert('请求成功',{title:"提示"});
            } else {
                layer.alert(msg.msg,{title:"提示"});
            }
        });
    })
    layui.use(['laydate', 'form'],
        function () {
            var laydate = layui.laydate;

            //执行一个laydate实例
            laydate.render({
                elem: '#start' //指定元素

            });

            //执行一个laydate实例
            laydate.render({
                elem: '#end' //指定元素
            });
        });

    /*用户-停用*/
    function member_stop(obj, id) {
        layer.confirm('确认要停用吗？',
            function (index) {

                if ($(obj).attr('title') == '启用') {

                    //发异步把用户状态进行更改
                    $(obj).attr('title', '停用');
                    $(obj).find('i').html('&#xe62f;');

                    $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');
                    layer.msg('已停用!', {
                        icon: 5,
                        time: 1000
                    });

                } else {
                    $(obj).attr('title', '启用');
                    $(obj).find('i').html('&#xe601;');

                    $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
                    layer.msg('已启用!', {
                        icon: 5,
                        time: 1000
                    });
                }

            });
    }

    /*用户-删除*/
    function member_del(obj, id) {
        layer.confirm('确认要删除吗？',
            function (index) {
                //发异步删除数据
                $(obj).parents("tr").remove();
                layer.msg('已删除!', {
                    icon: 1,
                    time: 1000
                });
            });
    }

    function delAll(argument) {

        var data = tableCheck.getData();

        layer.confirm('确认要删除吗？' + data,
            function (index) {
                //捉到所有被选中的，发异步进行删除
                layer.msg('删除成功', {
                    icon: 1
                });
                $(".layui-form-checked").not('.header').parents('tr').remove();
            });
    }

</script>

</html>